<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐购首页-爆款</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/purchase/discount.min.css?v=<%=$version%>">
</head>
<body>
<div id="bursting" v-cloak>
    <header class="discount-header">
        <span class="goback" @click="getBack()"></span>
        幸运爆款
        <span class="discount-spsre"></span>
    </header>
    <div class="discount-data">距离结束<span>{{hours}}</span>:<span>{{minutes}}</span>:<span>{{seconds}}</span></div>
    <div class="secondKill-cent">
        <div class="secondKill-list" v-for="item in burstALLList2">
            <div class="discount-list clearfix">
                <span class="discount-listImg" :style="bgimg(item.imgSrc)"></span>
                <div class="discount-listCent">
                    <h6>{{item.title}}</h6>
                    <p class="text-999">jfklsjfs</p>
                    <div class="discount-money"><strong>折扣价</strong><span class="discount-mons">{{item.activityPrice}}</span>
                        原价<del class="discount-mong">{{item.integral}}</del></div>
                    <div class="secondKill-div">
                        <p>已售{{item.percentage}}%<strong></strong>仅剩<span>{{item.lastStocks}}</span>件</p>
                        <div class="secondKill-speed"><span  :style="{'width':+item.percentage+'%'}"></span></div>
                    </div>
                    <a class="discount-btn" @click="getNext(item)">立即抢购</a>
                </div>
            </div>
            <div class="secondKill-snatch">
                <span class="secondKill-snatchLeft">抢到<br>会员</span>
                <div class="secondKill-snatchCent clearfix">
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide snatchCent-list" v-for="list in item.users">
                                <strong :style="bgimg(list.headImg)"></strong>{{list.uName}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="secondKill-list" style="display: none;">-->
            <!--<div class="discount-list clearfix">-->
                <!--<span class="discount-listImg"></span>-->
                <!--<div class="discount-listCent">-->
                    <!--<h6>尽快交水电费结束了</h6>-->
                    <!--<p class="text-999">jfklsjfs</p>-->
                    <!--<div class="discount-money"><strong>折扣价</strong><span class="discount-mons">19878</span> 原价<del class="discount-mong">3900</del></div>-->
                    <!--<div class="secondKill-div">-->
                        <!--<p>已售70%<strong></strong>仅剩<span>110</span>件</p>-->
                        <!--<div class="secondKill-speed"><span style="width: 40%;"></span></div>-->
                    <!--</div>-->
                    <!--<a class="discount-btn">立即抢购</a>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="secondKill-snatch">-->
                <!--<span class="secondKill-snatchLeft">抢到<br>会员</span>-->
                <!--<div class="secondKill-snatchCent clearfix">-->
                    <!--<span class="snatchCent-list">打发时间</span>-->
                    <!--<span class="snatchCent-list">打发时间</span>-->
                    <!--<span class="snatchCent-list">打发时间</span>-->
                    <!--<span class="snatchCent-list">打发时间</span>-->
                    <!--<span class="snatchCent-list">打发时间</span>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/js/purchase/bursting.js?v=<%=$version%>"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 3,
        spaceBetween: 30,
        loop : true,
        autoplay:true,
        observer:true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents:true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>